<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>豆瓣</title>
	<!-- <link rel="shortcut icon" type="img/x-icon" href="favicon.ico">找head里Link有标签图标 -->
	<!-- 分次导入 -->
	<!-- <link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/common.css"> -->
	<link rel="stylesheet" href="./css/index.css">
</head>

<body>
	<i class="iconfont "></i>
	<div class="header ">
		<div class="container clearfix ">
			
			<div class="logo left ">
				<h1>
					<a href="https://www.douban.com/">
						<!-- <span>豆瓣</span> -->
						豆瓣
						<span>douban</span>
					</a>
				</h1>
			</div>

			<div class="search left ">
				<form >
					<input type="text" class="txt" placeholder="电影、书籍、">
					<button >
						<i class="iconfont icon-sousuo"></i>
					</button>
				</form>
			</div>

			<nav class="menu right ">
				<a class="menu-read" href=""></a>
				<a class="menu-movie" href=""></a>
				<a class="menu-music" href=""></a>
				<a class="menu-city" href=""></a>
				<a class="menu-group" href=""></a>
				<a class="menu-fm" href=""></a>
				<a class="menu-time" href=""></a>
				<a class="menu-doupin" href=""></a>
			</nav>
		</div>
	</div>

	<!-- 横幅区域 -->
	<div class="banner ">
		<div class="contianer clearfix">
			<iframe class="right loginitem" src="./loginframe.html" frameborder="0"></iframe>
			
		</div>
	</div>
</body>

</html>